<div class="card register">
  <div class="card-block">
    <h2>Sign up</h2>
    <%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
        <%= devise_error_messages! %>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <%= f.label :email %><br/>
              <%= f.email_field :email, autofocus: true, class: 'form-control' %>
            </div>
            <div class="form-group">
              <%= f.label :name %><br/>
              <%= f.text_field :name, class: 'form-control' %>
            </div>
          </div>

          <div class="col-md-6">
            <div class="form-group">
              <%= f.label :password %>
              <% if @minimum_password_length %>
                <em>(<%= @minimum_password_length %> characters minimum)</em>
              <% end %><br/>
              <%= f.password_field :password, autocomplete: "off", class: 'form-control' %>
            </div>
            <div class="form-group">
              <%= f.label :password_confirmation %><br/>
              <%= f.password_field :password_confirmation, autocomplete: "off", class: 'form-control' %>
            </div>
          </div>

          <div class="col-md-6">
            <div class="input-group">
              <%= rucaptcha_input_tag(class: 'form-control', placeholder: 'Input Captcha') %>
              <%= rucaptcha_image_tag(alt: 'Captcha') %>
            </div>
          </div>

          <div class="col-md-10"></div>

          <div class="col-md-2">
            <div class="form-group">
              <%= f.submit "Sign up", class: 'btn btn-primary btn-block'  %>
            </div>
            <div class="auth-links register-text">
              <%= render "devise/shared/links" %>
            </div>
          </div>
        </div>
    <% end %>
  </div>
</div>